/*
 * @Author: your name
 * @Date: 2022-05-04 17:47:32
 * @LastEditTime: 2022-05-08 06:05:30
 * @LastEditors: jjjjwei 1506865174@qq.com
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \二阶段项目\gitcode\js\user.js
 */




BindPage();
//渲染页面
function page(arr,pageSize,currentPage){
    $('#content').html('');
    let start = (currentPage - 1)*pageSize;
    let end = currentPage*pageSize;
    for(let i=start;i<end && i<arr.length;i++){
        $('#content').append(`<tr class='line'>
                <td><input type="checkbox" data-id="${arr[i].id}" class='choose'></td>
                <td>${arr[i].id}</td>
                <td>${arr[i].name}</td>
                <td>${arr[i].level}</td>
                <td>${arr[i].integral}</td>
                <td>${arr[i].email}</td>
                <td>${arr[i].workable}</td>
                <td>
                    <button data-id="${arr[i].id}" type="button" class="layui-btn layui-btn-sm changebtn"><i class="layui-icon"></i></button>
                    <button data-id="${arr[i].id}" type="button" class="layui-btn layui-btn-normal layui-btn-sm delbtn" style="background-color: red;"><i class="layui-icon"></i></button>
                </td>
            </tr>`)
    }
}
//增加用户函数
function adduser(){
    let id = $("#ID").val();
    let name = $("#username").val();
    let level = $("#level option:selected").text();
    let integral = $("#jifen").val();
    let email = $("#email").val();
    let workable = $("input[type='radio']:checked").val();
    userArr.push({
        id:id,name:name,level:level,integral:integral,email:email,workable:workable
    })
}
//给添加用户按钮绑定事件
$('#addbtn').click(function(){
    let pageSize = 5; //每页显示条数
    let TotalPage = Math.ceil(userArr.length / pageSize);
    for(let i=0;i<TotalPage;i++){
        let Addstorea=$(".pageBut").eq(i).attr("class");
        let Addas=Addstorea.split(" ");
        if(Addas[1]=="cyan") {
           var pagesname= $(".pageBut").eq(i).html();
        }
    //    console.log(Addas); 
    }
    $('.modalAdd').show();
    $('#show').css('display','none');
    $('#tijiao').off('click');
    $('#tijiao').click(function(){
        layer.confirm('确认提交？', {
            btn: ['确认','取消'] //按钮
        }, function(){
            $('.modalAdd').hide();
            $('#show').css('display','block');
            adduser();
            BindPage();
            page(userArr,pageSize,pagesname)
            layer.msg('提交成功', {icon: 1,time:500});
            });
    })
    $('#quxiao').click(function(){
        $('.modalAdd').hide();
        $('#show').css('display','block');
    })
    $('#fanhui').click(function(){
        $('.modalAdd').hide();
        $('#show').css('display','block');
    })
})
//删除用户函数
function delUserById(id) {
    for(var i=0;i<userArr.length;i++){
        if(userArr[i].id == id){
            userArr.splice(i,1);
            break;
        }
    }
}
//给删除按钮绑定事件
$('#content').on('click','.delbtn',function(){
    let pageSize = 5; //每页显示条数
    let TotalPage = Math.ceil(userArr.length / pageSize);
    for(let i=0;i<TotalPage;i++){
        let Addstorea=$(".pageBut").eq(i).attr("class");
        let Addas=Addstorea.split(" ");
        if(Addas[1]=="cyan") {
           var pagesname= $(".pageBut").eq(i).html();
        }
    //    console.log(Addas); 
    }
    let id=  $(this)[0].dataset.id;
    layer.confirm('确认删除？', {
        btn: ['确认','取消'] //按钮
    }, function(){
        delUserById(id);
        BindPage();
        page(userArr,pageSize,pagesname);
    layer.msg('已删除', {icon: 1,time:500});
    });
})
//修改用户函数
function changeuser(id){
    let name = $("#username1").val();
    let level = $("#level1 option:selected").text();
    let integral = $("#jifen1").val();
    let email = $("#email1").val();
    let workable = $("input[type='radio']:checked").val();
    let idArr = userArr.filter(function(item){
        return item.id==id;
    });
    idArr[0].name =name;
    idArr[0].level =level;
    idArr[0].integral =integral;
    idArr[0].email =email;
    idArr[0].workable =workable;
}
//修改框显示修改的数据
function changeshow(id){
    let idArr = userArr.filter(function(item){
        return item.id==id;
    });
    for(let i = 0;i<$("#level1 option").length;i++){
        if($("#level1 option").eq(i).text()==idArr[0].level){
            $("#level1 option").eq(i).prop('selected',true);
        }
    }
    let isjinyong = idArr[0].workable;
    if(isjinyong=='否'){
        $(".modalUpdate input[type='radio']").eq(1).prop('checked',true);
    }else if(isjinyong=='是'){
        $(".modalUpdate input[type='radio']").eq(0).prop('checked',true);
    }
    $("#id1").val(idArr[0].id);
    $("#username1").val(idArr[0].name);
    $("#jifen1").val(idArr[0].integral)
    $("#email1").val(idArr[0].email)
    // $(".modalUpdate input[type='radio']:checked").val(idArr[0].workable)
}
//修改按钮绑定事件
$('#content').on('click','.changebtn',function(){
    let pageSize = 5; //每页显示条数
    let TotalPage = Math.ceil(userArr.length / pageSize);
    for(let i=0;i<TotalPage;i++){
        let Addstorea=$(".pageBut").eq(i).attr("class");
        let Addas=Addstorea.split(" ");
        if(Addas[1]=="cyan") {
           var pagesname= $(".pageBut").eq(i).html();
        }
    //    console.log(Addas); 
    }
    let id=  $(this)[0].dataset.id;
    changeshow(id);
    $('.modalUpdate').show();
    $('#show').css('display','none');
    $('#tijiao1').off('click');
    $('#tijiao1').click(function(){
        layer.confirm('确认提交？', {
            btn: ['确认','取消'] //按钮
        }, function(){
            let textvalue1 =  $(".modalUpdate input[type='radio']").eq(0).prop('checked');
            let textvalue2 =  $(".modalUpdate input[type='radio']").eq(1).prop('checked');
            if(textvalue1||textvalue2){
                $('.modalUpdate').hide();
                $('#show').css('display','block');
                changeuser(id);
                page(userArr,pageSize,pagesname);
            layer.msg('提交成功', {icon: 1,time:500});
            }else{
            layer.msg('提交失败', {icon: 2,time:500});
            }
           
        });
    })
    $('#quxiao1').click(function(){
        $('.modalUpdate').hide();
        $('#show').css('display','block');
    })
    $('#fanhui1').click(function(){
        $('.modalUpdate').hide();
        $('#show').css('display','block');
    })
})
//批量删除
$('#DIB').click(function(){
    let pageSize = 5; //每页显示条数
    let TotalPage = Math.ceil(userArr.length / pageSize);
    for(let i=0;i<TotalPage;i++){
        let Addstorea=$(".pageBut").eq(i).attr("class");
        let Addas=Addstorea.split(" ");
        if(Addas[1]=="cyan") {
           var pagesname= $(".pageBut").eq(i).html();
        }
    //    console.log(Addas); 
    }
    layer.confirm('确认删除？', {
        btn: ['确认','取消'] //按钮
    }, function(){
        for(let j=0;j<$('.choose:checked').length;j++){
            let thisIndex = $('.choose:checked')[j].dataset.id;
            userArr = userArr.filter(function(item){
                return item.id !=thisIndex;
            })
        }
        $('#allcheck').prop('checked',false);
    //     let str = '1111';
    // addUser(str,userArr1)
    // userArr = GetUser(1111);
        BindPage();
        page(userArr,pageSize,pagesname);
    layer.msg('已删除', {icon: 1,time:500});
    });
})
//全选
$('#allcheck').click(function(){
    $('#content input[type=checkbox]').prop('checked',$(this).prop('checked'));
})
$('#content').on('click','input[type=checkbox]',function(){
    if($('#content input[type=checkbox]').length==$('#content input[type=checkbox]:checked').length){
        $('#allcheck').prop('checked',true);
    }else{
        $('#allcheck').prop('checked',false);
    }
})
//查询
$('#search').click(function(){
    let pageSize = 5; //每页显示条数
    let TotalPage = Math.ceil(userArr.length / pageSize);
    for(let i=0;i<TotalPage;i++){
        let Addstorea=$(".pageBut").eq(i).attr("class");
        let Addas=Addstorea.split(" ");
        if(Addas[1]=="cyan") {
           var pagesname= $(".pageBut").eq(i).html();
        }
    //    console.log(Addas); 
    }
    let text = $('#searchname').val();
    if(text == ''){
        layer.confirm('请输入用户名', {
            btn: ['确认', '取消'] //按钮
          });
    }else{
        let searchuserArr = userArr.filter(function(item){
            return item.name ==text;
        })
        BindPag1(searchuserArr);
        page(searchuserArr,pageSize,pagesname);
    }
})

function BindPag1(searchuserArr) {
    let pageSize=5; //每一页显示的条数
let currentPage = 1; //当前页
let totalPage =Math.ceil(searchuserArr.length/pageSize);   
if(currentPage > totalPage){
    currentPage = totalPage;
}
if(totalPage==0){
        currentPage = 1;
}
$("#test1").html("");
    for(var i=1;i<=totalPage;i++){
        $("#test1").append(`<button class="pageBut">${i}</button>`)
    $('.pageBut').eq(currentPage-1).addClass("cyan").siblings().removeClass("cyan");
    page(userArr,pageSize,currentPage);
}}
$('#reset').click(function(){
    let pageSize = 5; //每页显示条数
    let TotalPage = Math.ceil(userArr.length / pageSize);
    for(let i=0;i<TotalPage;i++){
        let Addstorea=$(".pageBut").eq(i).attr("class");
        let Addas=Addstorea.split(" ");
        if(Addas[1]=="cyan") {
           var pagesname= $(".pageBut").eq(i).html();
        }
    //    console.log(Addas); 
    }
    $('#searchname').val(''); 
     BindPage();
    page(userArr,pageSize,pagesname);
})
//生成页码
function BindPage() {
    let pageSize=5; //每一页显示的条数
let currentPage = 1; //当前页
let totalPage =Math.ceil(userArr.length/pageSize);   
if(currentPage > totalPage){
    currentPage = totalPage;
}
if(totalPage==0){
        currentPage = 1;
}
$("#test1").html("");
    for(var i=1;i<=totalPage;i++){
        $("#test1").append(`<button class="pageBut">${i}</button>`)
    $('.pageBut').eq(currentPage-1).addClass("cyan").siblings().removeClass("cyan");
    page(userArr,pageSize,currentPage);
}
AddPageEvent()
//点击页码显示当前页内容
function AddPageEvent() {
    $("#test1").on("click","button",function () {
        currentPage = parseInt($(this).text());
        $(this).addClass("cyan").siblings().removeClass("cyan");
        page(userArr,pageSize,currentPage);
    })
}}
//鼠标移入表格行改变颜色
$('#content').on('mouseover','.line',function(){
    $(this).css('background-color','#e8e8e8');
    $('#content').on('mouseout','.line',function(){
        $(this).css('background-color','white');
    })
})
//
function pagenumerevent(pagenuber) {
    $(pagenuber).click(function() {
        let pageSize = 5; //每页显示条数
        let TotalPage = Math.ceil(userArr.length / pageSize);
        for(let i=0;i<TotalPage;i++){
            let Addstorea=$(".pageBut").eq(i).attr("class");
            let Addas=Addstorea.split(" ");
            if(Addas[1]=="cyan") {
               var pagesname= $(".pageBut").eq(i).html();
            }
        //    console.log(Addas); 
        }
        if (pagenuber == '#pagDow') {
            pagesname--;
            for (let i = 0; i < TotalPage; i++) {
                let buttoncontent = parseInt($('.pageBut').eq(i).text());
                if (buttoncontent == pagesname) {
                    $('.pageBut').eq(i).addClass("cyan").siblings().removeClass("cyan");
                }
            }
        } else if (pagenuber == '#pagUp') {
            pagesname++;
            for (let i = 0; i < TotalPage; i++) {
                let buttoncontent = parseInt($('.pageBut').eq(i).text());
                if (buttoncontent == pagesname) {
                    $('.pageBut').eq(i).addClass("cyan").siblings().removeClass("cyan");
                }
            }
        }
        if (pagesname <= 0) {
            pagesname = 1;
            $('.pageBut').eq(0).addClass("cyan").siblings().removeClass("cyan");
        } else if (pagesname >= TotalPage) {
            pagesname = TotalPage;
        }
        page(userArr,pageSize,pagesname);
    })
}
pagenumerevent('#pagUp');//上一页
pagenumerevent('#pagDow');//下一页